<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title></title>
    <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../css/styles.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/media.css">
    <link rel="stylesheet" href="../lib/video/video-js.min.css"/>
    <script src="../bodymovin/lottie.min.js"></script>
    <script src="../lib/jquery/jquery-2.2.4.min.js"></script>
    <script src="../js/tabs.js"></script>

    <script src="../lib/jquery.localize.js" type="text/javascript"></script>
    <script src="../js/language_cookie_other.js" type="text/javascript"></script>
    <script src="../lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="../js/switchLan.js" type="text/javascript"></script>
    <script src="../lib/video/video.min.js" type="text/javascript"></script>
</head>
<script>
    setTitle("video")
</script>
<body>
<div class="navbar navbar-default">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#coll3">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="../index.html" class="navbar-brand">
                <img src="../images/logo_header_other@2x.png"/>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="coll3">
            <ul class="nav navbar-nav navbar-right">
                <li class="white-paper">
                    <a href="javascript:;" data-localize="nav.menu1">白皮书</a>
                    <ul>
                        <li><a target="_blank" href="../whitePaper/idk-whitePaper-zh.pdf"
                               data-localize="nav.downloadCH">简体版下载</a></li>
                        <li><a target="_blank" href="../whitePaper/idk-whitePaper-zht.pdf"
                               data-localize="nav.downloadCH1">繁体版下载</a></li>
                        <li><a target="_blank" href="../whitePaper/idk-whitePaper-en.pdf"
                               data-localize="nav.downloadEH">英文版下载</a></li>
                    </ul>
                </li>
                <li class="active"><a href="../html/solution.html" data-localize="nav.menu2">解决方案</a></li>
                <li><a href="../html/team1.html" data-localize="nav.menu7">团队</a></li>
                <li><a href="../html/news.html" data-localize="nav.menu3">新闻</a></li>
                <li><a href="../html/qa.html" data-localize="nav.menu4">常见问题</a></li>
                <li><a href="../html/contractUs.html" data-localize="nav.menu5">联系我们</a></li>
                <li class="language">
                    <img src="../images/icon_flag_china@2x.png" data-localize="nav.icon_other"/><a href="#"
                                                                                                   data-localize="nav.menu6">简体中文</a>
                    <ul>
                        <li class="zh"><img src="../images/icon_flag_china@2x.png"/><a>简体中文</a></li>
                        <li class="en"><img src="../images/icon_flag_eng@2x.png"/><a>English</a></li>
                        <li class="jp"><img src="../images/icon_flag_Jap@2x.png"/><a>日本語</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="tabs container head-top">
    <div class="row">
        <div class="item col-lg-2 col-sm-4 col-xs-6">
            <a href="description.html" class="img" id="bodymovin1"></a>
            <span class="text" data-localize="tabs.item1">项目描述</span>
        </div>

        <div class="item col-lg-2 col-sm-4 col-xs-6">
            <a href="solution.html" class="img" id="bodymovin2"></a>
            <span class="text" data-localize="tabs.item2">行业解决方案</span>
        </div>
        <div class="item col-lg-2 col-sm-4 col-xs-6">
            <a href="roadmap.html" class="img" id="bodymovin3"></a>
            <span class="text" data-localize="tabs.item3">技术路线</span>
        </div>
        <div class="item col-lg-2 col-sm-4 col-xs-6">
            <a href="video.html" class="img" id="bodymovin4"></a>
            <span class="text active" data-localize="tabs.item4">小视频</span>
        </div>
        <div class="item col-lg-2 col-sm-4 col-xs-6">
            <a href="distribute.html" class="img" id="bodymovin5"></a>
            <span class="text" data-localize="tabs.item5">分配计划</span>
        </div>
        <div class="item col-lg-2 col-sm-4 col-xs-6">
            <a href="prospects.html" class="img" id="bodymovin6"></a>
            <span class="text" data-localize="tabs.item6">发展前景</span>
        </div>
    </div>
</div>

<div>
    <video style="margin: 50px auto;max-width: 100%;height: 700px;width: 1000px" id="example_video_1"
           class="video-js vjs-default-skin"
           controls preload="none" poster="../images/video.png">
        <source src="../video/Chinese.mp4" type="video/mp4"/>
    </video>
</div>
<script>
    $(document).ready(function () {
        rendAnimate(4);
        $(".case-box .item").mouseover(function () {
            $(this).children(".hover").stop().fadeIn(300);
        });
        $(".case-box .item").mouseout(function () {
            $(this).children(".hover").stop().fadeOut(300);
        });
        var video = $('video source');
        if (getCookie(name) === "zh") {
            video.attr('src', '../video/Chinese.mp4');
        }
        if (getCookie(name) === "en") {
            video.attr('src', '../video/English.mp4');
        }
        if (getCookie(name) === "jp") {
            video.attr('src', '../video/Japanese.mp4');
        }
        if (getCookie(name) === "kr") {
            video.attr('src', '../video/Korean.mp4');
        }
        if (getCookie(name) === "ge") {
            video.attr('src', '../video/German.mp4');
        }
        if (getCookie(name) === "ru") {
            video.attr('src', '../video/Russian.mp4');
        }
        if (getCookie(name) === "fr") {
            video.attr('src', '../video/French.mp4');
        }
        if (getCookie(name) === "sp") {
            video.attr('src', '../video/Spanish.mp4');
        }
    })
</script>
<div class="footer">
    <div class="contact container">
        <div class="row">
            <div class="left col-sm-6 col-xs-12">
                <p data-localize="contact.phone">电话：+61 412 927 796</p>
                <p data-localize="contact.email">邮箱：webmaster@jaz-intl.com</p>
                <p data-localize="contact.adress">地址：9A/139 Minjungbal Drive Tweed Heads South NSW 2486 Australia</p>
            </div>
            <div class="right col-sm-6 col-xs-12">
                <p>
                    <a class="facebook"></a>
                    <a class="twitter"></a>
                    <a class="wechat"></a>
                    <a class="telegram"></a>
                    <a target="_blank" href="https://github.com/InfinityDimension" class="github"></a>
                </p>
            </div>
        </div>
    </div>
    <div class="divide"></div>
    <div class="copyright container">
        <div class="logoBottom"><img src="../images/logo_bottom@2x.png"></div>
        <p>COPYRIGHT (©) 2018 IDK</p>
    </div>
</div>
</body>
</html>
